<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:p="http://primefaces.org/ui" xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Criar Postagem</title>
<link rel="StyleSheet" type="text/css" href="css/style.css" />
</h:head>
<body>

<div id="bg">
<div id="cssmenu">
   <span style="position: absolute; left: 0; top: 0; width:100%; height:175px; z-index:-2">
   <img src="imagens/bgmenusemlogo.png" height="175px" width="100%"/></span>
   <span style="position: absolute; left:160"><img src="imagens/logo.png" style="margin-left:-10px; margin-bottom: 50"/></span>
   <br></br><br></br><br></br><br></br><br></br>
   
   <object id="like" type="text/html" data="https://www.facebook.com/plugins/like.php?href=https://www.facebook.com/engajamundo?fref=ts" border="0" align="left" style="border:none; width:400px; padding-left:120px;position:relative;height:60px;"></object>
   
   <div id="listamenu">
   <h:form>
   <!-- opcoes visiveis a todos -->
   <a href = "home.xhtml">Inicio</a>
   <a href = "about.xhtml">Sobre</a>
   <a href = "crowdfunding.xhtml">Patrocine!</a>
   <a href = "video.xhtml">LiveStream</a>
   <a href = "tweets.xhtml">Tweets</a>
   <!-- apenas usuarios e admins -->

	<p:commandLink action="#{controllerEngajador.visualizar}" rendered="#{controllerSession.ehAdmin}">Usuários </p:commandLink>
	<p:commandLink action="#{controllerEngajador.criarPostagem}" rendered="#{controllerSession.estaLogado}">Postagens </p:commandLink>
	<p:commandLink action="#{controllerEngajador.buscas}" rendered="#{controllerSession.estaLogado}">Buscas </p:commandLink>
	<p:commandLink action="#{controllerSession.logoff}" rendered="#{controllerSession.estaLogado}"
					value="Logoff"/>
	
</h:form>
   </div>
</div>
	<div id="content">

<div id="contentbox">
	<a href="home.xhtml"><img id="botao" src="imagens/back.png" border="0" align="right"/></a>
	<div id="contentboxtop">
		<p>Postagens</p>
	</div>

	<f:view>
				<h:panelGroup>
			<c:forEach items="#{controllerPostagem.postagens}" var="postagem">		
					<h:form>
						<div id="contentboxcontent">
							<h1><p:commandLink value="#{postagem.titulo}"/></h1>
							<p:commandLink value="#{postagem.texto}"/><br/><br/>
							<a>Postado por: </a><h:outputText value="#{postagem.login}"/><br/>
							<a>Tags: </a><h:outputText value="#{postagem.tags}"/><br/>
						
							<h:commandLink id="deletar"  rendered="#{controllerPostagem.podeDeletar(controllerSession.login, postagem.login)}" actionListener="#{controllerPostagem.deletar}">
							<f:param value="#{postagem.idPostagem}" name="idPostagem"/>  
							<f:param value="#{postagem.login}" name="login"/>  
							<h:outputLabel>Deletar</h:outputLabel>
							</h:commandLink>
						</div>
					</h:form>
					
					
			</c:forEach>
			
			</h:panelGroup>
		<h1> Criar Postagem </h1>
		<div id="contentboxcontent">
		<h:form>
		<p:growl id="growl" showSummary="false" showDetail="true" sticky="true" />
			 <p>Título: </p><p:inputText id="titulo" required="true" requiredMessage="Digite um título" value="#{controllerPostagem.postagem.titulo}"></p:inputText>
			  <p>Texto: </p><p:inputTextarea id = "texto" required="true" requiredMessage="Digite o conteúdo da mensagem" value="#{controllerPostagem.postagem.texto}" style="height: 119px; width: 384px; "><f:validator validatorId="mensagemValidator"></f:validator> </p:inputTextarea>
			<p>Tags (separadas por ponto e vírgula): </p><p:inputText  value="#{controllerPostagem.postagem.tags}" style="width: 384px; "></p:inputText><br></br><br></br>
			<p:commandButton action="#{controllerPostagem.postar}" value="Postar" ajax="false" update="growl"></p:commandButton>
		</h:form></div>

	</f:view>
	</div>
	</div></div>
</body>
</html>